﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />

    <style type="text/css">
        @font-face {
            font-family: 'Titillium Web';
            font-style: normal;
            font-weight: 400;
        }

        @font-face {
            font-family: 'Titillium Web';
            font-style: normal;
            font-weight: 600;
        }

        .ReadMsgBody {
            width: 100%;
        }

        .ExternalClass {
            width: 100%;
        }
            /* ForceHotmail to display emails at full width */
            .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
                line-height: 100%;
            }
        /* Force Hotmail to display normal line spacing */
        #outlook a {
            padding: 0;
        }

        body, table, td, p, a, li, blockquote {
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
        }
        /* Prevent WebKit and Windows mobile changing default text sizes */
        table, td {
            mso-table-lspace: 0pt;
            mso-table-rspace: 0pt;
        }
        /* Remove spacing between tables in Outlook 2007 and up */
        img {
            -ms-interpolation-mode: bicubic;
        }
        /* Allow smoother rendering of resized image in Internet Explorer */
        body {
            margin: 0;
            padding: 0;
        }

        img {
            border: 0;
            height: auto;
            line-height: 100%;
            outline: none;
            text-decoration: none;
        }

        table {
            border-collapse: collapse !important;
        }

            table.image {
                table-layout: fixed;
            }

        body, #bodyTable, #bodyCell {
            height: 100% !important;
            margin: 0;
            padding: 0;
            width: 100% !important;
        }

        strong {
            color: #212e30;
        }

        a {
            color: #212e30;
            text-decoration: underline;
        }

            a, a img {
                border: none;
            }

                a:hover {
                    color: #333;
                }

        @media only screen and (max-width: 480px) {
            body, table, td, p, a, li, blockquote {
                -webkit-text-size-adjust: none !important;
            }
            /* Prevent Webkit platforms from changing default text sizes */
            body {
                width: 100% !important;
                min-width: 100% !important;
            }
            /* Prevent iOS Mail from adding padding to the body */
        }

        @media screen and (max-width: 768px) {
            img {
                max-width: 100%;
                height: auto;
                width: auto;
            }
        }
    </style>
</head>

<body style="font-family: 'Titillium Web', Arial; color: #526265; background-color: #EBE9E1; margin: 0; padding: 0;">
    <center>
        <table cellpadding="0" cellspacing="0" width="100%" id="header" style="background-color: #ffd203; width: 100%; border-bottom: 8px solid #67B203;">
            <tr>
                <td align="center">
                    <table width="85%" cellpadding="0" cellspacing="0" border="0" style="max-width: 800px;">
                        <tr>
                            <td align="left" style="max-width: 800px; margin: 0 auto; padding: 6px 0 8px;">
                                <a>
                                    <img src="http://app.glouk.it/Style/App/img/glouk_logo.png" alt="Buzzoole" style="border: none;" /></a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>

        <table cellpadding="0" cellspacing="0" width="100%" class="content" style="background-color: #fff; width: 100%; box-shadow: 0px 4px 4px rgba(0,0,0,.3); -moz-box-shadow: 0px 4px 4px rgba(0,0,0,.3); -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,.3); position: relative;">
            <tr>
                <td align="center">
                    <table width="85%" class="image" cellpadding="0" cellspacing="0" border="0" style="table-layout: fixed; max-width: 800px;">
                        <tr>
                            <td align="left" style="max-width: 800px; margin: 0 auto; padding: 50px 0 70px; font-size: 17px; line-height: 140%;">
                                
                                
                                {{content}}


                                <br />
                                <br />
                                <strong>The Glouk Team</strong>
                            </td>
                        </tr>
                    </table>

                </td>
            </tr>
        </table>

        <table id="footer" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #EBE9E1; width: 100%; padding: 40px 0 60px;">
            <tr>
                <td align="center" style="padding: 40px 0 60px;">
                    <table width="85%" cellpadding="0" cellspacing="0" border="0" style="max-width: 800px;">
                        <tr>
                            <td align="left" style="max-width: 800px; margin: 0 auto; padding: 6px 0 8px;">
                                <a class="go" href="" style="float: right; border: none; margin-right: 1px;">
                                    <img src="https://s3-eu-west-1.amazonaws.com/buzzoole-files/email/social_email_g.png" alt="" /></a>
                                <a class="ln" href="" style="float: right; border: none; margin-right: 1px;">
                                    <img src="https://s3-eu-west-1.amazonaws.com/buzzoole-files/email/social_email_ln.png" alt="buzzoole on linkedin" /></a>
                                <a class="fb" href="" style="float: right; border: none; margin-right: 1px;">
                                    <img src="https://s3-eu-west-1.amazonaws.com/buzzoole-files/email/social_email_fb.png" alt="buzzoole on facebook" /></a>
                                <a class="tw" href="" style="float: right; border: none; margin-right: 1px;">
                                    <img src="https://s3-eu-west-1.amazonaws.com/buzzoole-files/email/social_email_tw.png" alt="buzzoole on twitter" /></a>
                            </td>
                        </tr>
                        <tr>
                            <td align="left" style="clear: both; max-width: 800px; margin: 0 auto; color: #666; padding: 20px 0 0; font-size: 14px; line-height: 110%;">Glouk S.r.l.s. - <a style="color: #666; text-decoration: underline;">Email settings</a>
                            </td>

                        </tr>
                    </table>
                </td>
            </tr>
        </table>

    </center>
    <img src="http://mandrillapp.com/track/open.php?u=30161358&id=26270c39c56d4bff88e2f4c410649a87" height="1" width="1"></body>
</html>
